/*
 * @Title: 可选组件列表
 * @Description:
 * @Author: 靖博君
 * @Date: 2024-02-20 17:35:47
 * @FilePath: /easy-code/src/config/config.ts
 */

/**
 * 组件明细
 */
export interface ComponentItem {
  /**
   * 标签
   */
  tag: string
  /**
   * 标题
   */
  title: string
  /**
   * 图标
   */
  icon: string
  /**
   * 默认配置
   */
  config?: {
    [key: string]: any
  }
}

/**
 * 组件分组
 */
export interface ComponentGroup {
  /**
   * 分组名称
   */
  name: string
  /**
   * 分组图标
   */
  icon: string
  /**
   * 子组件列表
   */
  children: ComponentItem[]
}

/**
 *  组件列表
 */
export const componentList: ComponentGroup[] = [
  {
    name: '输入组件',
    icon: '',
    children: [
      {
        tag: 'el-input',
        icon: '',
        title: '单行输入'
      },
      {
        tag: 'el-input',
        icon: '',
        title: '多行输入',
        config: {
          type: 'textarea',
          autosize: { minRows: 2, maxRows: 6 }
        }
      },
      {
        tag: 'el-input',
        icon: '',
        title: '多行输入',
        config: {
          type: 'textarea',
          autosize: { minRows: 2, maxRows: 6 }
        }
      },
      {
        tag: 'el-input',
        icon: '',
        title: '多行输入',
        config: {
          type: 'textarea',
          autosize: { minRows: 2, maxRows: 6 }
        }
      },
      {
        tag: 'el-input',
        icon: '',
        title: '多行输入',
        config: {
          type: 'textarea',
          autosize: { minRows: 2, maxRows: 6 }
        }
      },
      {
        tag: 'el-input',
        icon: '',
        title: '多行输入',
        config: {
          type: 'textarea',
          autosize: { minRows: 2, maxRows: 6 }
        }
      },
      {
        tag: 'el-input',
        icon: '',
        title: '多行输入',
        config: {
          type: 'textarea',
          autosize: { minRows: 2, maxRows: 6 }
        }
      },
      {
        tag: 'el-input',
        icon: '',
        title: '多行输入',
        config: {
          type: 'textarea',
          autosize: { minRows: 2, maxRows: 6 }
        }
      },
      {
        tag: 'el-input',
        icon: '',
        title: '多行输入',
        config: {
          type: 'textarea',
          autosize: { minRows: 2, maxRows: 6 }
        }
      }
    ]
  }
]
